<script type="text/javascript">
    function deletechecked()
    {
        var answer = confirm("Bạn có thật sự muốn xóa dữ liệu?");
        return answer;
    } 
    
    function checksubmit(){
        if(deletechecked()){
            document.getElementById("frm_img").submit();
        }
    }
</script>
<!-- start content-outer -->
<div id="content-outer">
    <!-- start content -->
    <div id="content">
        <div id="page-heading"><h1>Quản lý hình ảnh</h1></div>
        <table border="0" width="100%" cellpadding="0" cellspacing="0" id="content-table">
            <tr>
                <th rowspan="3" class="sized"><img src="../../../public/images/shared/side_shadowleft.jpg" width="20" height="300" alt="" /></th>
                <th class="topleft"></th>
                <td id="tbl-border-top">&nbsp;</td>
                <th class="topright"></th>
                <th rowspan="3" class="sized"><img src="../../../public/images/shared/side_shadowright.jpg" width="20" height="300" alt="" /></th>
            </tr>
            <tr>
                <td id="tbl-border-left"></td>
                <td>
                    <!--  start content-table-inner -->
                    <div id="content-table-inner">
                        <form id="frm_img" action="action.php?act=2" enctype="multipart/form-data" method="POST">
                            <div class="frm_img_container">
                                <div id="frm_img_control">
                                    <label for="image">Hình ảnh: </label>
                                    <input type="file" id="image" name="image" />
                                    <p>Hình ảnh tải lên hệ thống là hình ảnh có đuôi <b><strong> jpg, gif, png </strong> </b> với kích thước tối đa là <b><strong> 2MB </strong> </b></p>
                                    <input type="button" id="frm_add_img_submit" class="form-submit"  />
                                </div>
                                <div class="frm_list_container">
                                    <h3>Danh sách hình ảnh</h3>
                                    <hr />
                                    <br/>
                                    <div id="frm_img_list_img">
                                        <div class="frm_img_list_block">
                                             {list_img_block}
                                        </div>
                                    </div>
                                </div>
                                <div class="frm_img_action">
                                    <div id="actions-box">
                                        <a href="" class="action-slider"></a>
                                        <div id="actions-box-slider">
                                            <a href="#" class="action-delete" onclick="checksubmit();">Delete All</a>
                                        </div>
                                        <div class="clear"></div>
                                    </div>
                                    <div class="frm_img_select_all">
                                        <span style="display: inline;"> <a id="toggle-all" ></a><b>Select all</b></span>
                                    </div>
                                    <table border="0" cellpadding="0" cellspacing="0" id="paging-table">
                                        <tr>
                                            <td>
                                                {page_par_left}
                                                {page_left}
                                                {page-info}
                                                {page-right}
                                                {page-far-right}
                                            </td>
                                        </tr>
                                    </table>
                                </div>

                            </div>
                        </form>
                    </div>
                    <!--  end content-table-inner  -->
                </td>
                <td id="tbl-border-right"></td>
            </tr>
            <tr>
                <th class="sized bottomleft"></th>
                <td id="tbl-border-bottom">&nbsp;</td>
                <th class="sized bottomright"></th>
            </tr>
        </table>
        <div class="clear">&nbsp;</div>
    </div>
    <!--  end content -->
    <div class="clear">&nbsp;</div>
</div>
<!--  end content-outer -->